<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>葆德压缩空气管理系统V2.0</title>
    <link rel="stylesheet" type="text/css" href="css/main.css?v52">
    <link rel="stylesheet" type="text/css" href="css/i.css?v2">
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
</head>
<body>
	<!--公共头部-->
	<div class="commonHeader yellowBg">
    	<div class="commonHeader-c clearfix mgc yellowBg w1200">
    		<div class="commonHeader-logo fl"><img src="images/logo.png" alt="葆德压缩空气管理系统"></div>
    		<div class="commonHeaderNav fl">
    			<ul class="commonHeaderNavBox clearfix">
					<!-- <li  class="rela"><a class="cmHNb-a"></a><div class="subtoggleMenu abso"><a></a></div></li> -->
    			</ul>
    		</div>
    		<div class="userHeader fr clearfix">
    			<div class="userHeader-avator fl"><img src="images/avatar3.jpg" alt=""></div>
    			<div class="userHeader-menu fl rela" id="showmyAccountMenu">
    				<div id="loginUserBar" class="userHeader-name clearfix"><p id="loginUserNameText" class="pdl10 pdr10 fl oellipsis"></p><i class="xwl i-sarrow fl"></i></div>
    				<ul id="toggleshowmenu" class="abso">
    					<i class="xwl i-arrow fl abso"></i>
    					<a id="yourActSetting" class="actSeting" data-code="1" href="javascript:;"><li><i class="xwl i-set pdr5"></i>账号设置</li></a>
    					<a id="exitSystem" href="javascript:;"><li><i class="xwl i-exit pdr5"></i>退出</li></a>
    				</ul>
    			</div>
				
    		</div>
    	</div>
    </div>

   	<div class="mainshowbox">
   		<div class="mainshowbox-c mgc w1200">
   			<div class="mainshowboxPtitle clearfix">
   				<div class="mianshowbpt-l fl"><span>设备详情</span></div>
   				<div class="mianshowbpt-r fr"><!-- <a class="cur">运行参数</a><a>更多参数</a><a>交互日志</a><a>分析报表</a> --></div>
   			</div>
			
			<div class="machineMainInfoOuter clearfix">
	 			<div class="machineMainInfo fl">
	 				<div class="dituBox" id="dituContent"></div>
	 			</div>
	 			<div class="machineDetils fr clearfix">
	 				<div class="machineDetils-each fl">
	 					<p>设备编号：<span class="getDeviceInfo_1"></span></p>
	 					<p>设备型号：<span class="getDeviceInfo_2"></span></p>
	 					<p>设备功率：<span class="getDeviceInfo_3"></span></p>
	 					<p>通讯卡号：<span class="getDeviceInfo_4"></span></p>
	 					<p>客户：<span class="getDeviceInfo_5"></span><i class="xwl i-located pdl5"></i></p>
	 				</div>
	 				<div class="machineDetils-each fl">
	 					<p>控制器编号：<span class="getDeviceInfo_6"></span></p>
	 					<p>控制器类型：<span class="getDeviceInfo_7"></span></p>
	 					<p>行业：<span class="getDeviceInfo_8"></span></p>
	 					<p>地区：<span class="getDeviceInfo_9"></span></p>
	 					<p>备注：<span class="getDeviceInfo_10"></span></p>
	 				</div>
	 				<div class="machineDetils-each fl">
	 					<p>创建人：<span class="getDeviceInfo_11"></span></p>
	 					<p>创建日期：<span class="getDeviceInfo_12"></span></p>
	 				</div>
	 			</div>				
			</div>
			<!--筛选器-->
			<div class="filterPanel rela">
				<a class="dropupBtn abso"><span>收起筛选</span><i class="xwl i-sq pdr5 pdr5 pdl5"></i></a>
				<div class="filterPanelTop_slideUp">
					<div class="dealwithStatusBtns clearfix">
						<span class="dealwithStatusBtnstag fl">处理状态：</span>
						<p class="fl MachineDetailsEventstatus"><a data-id="0" class="cur">未处理</a><a data-id="1">已处理</a><a data-id="">全部事件</a></p>
					</div>
					<div class="timeRangeBtns clearfix">
						<span class="timeRangetag fl">时间范围：</span>
						<p class="fl"><!-- <a class="cur">一周内</a><a>一月内</a><a>一年内</a> --></p>
						<div class="timerDatebox">
						  <input id="startDate" type="text" class="Wdate" onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'endDate\')||\'new Date()\'}'})" /> - <input id="endDate" type="text" class="Wdate" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'startDate\')}',maxDate:new Date()})" />
						  <a href="javascript:;" id="timerfilterBtn">筛选</a>
						</div>
					</div>
					<div class="eventsTabbtnsBox rela">
						<ul class="eventsTabbtns abso">
							<!-- <a class="cur" href="javascript:;"><li>全部<i>(</i><span>9999+</span><i>)</i></li></a> -->
						</ul>
					</div>

					<div class="eventsFilterShow rela">
						<div class="swiper-container touchSliderbox">
							<ul class="swiper-wrapper showTypesEventsHtml">
								<!-- <a class="swiper-slide rela" href="javascript:;"><li class="rela"><h3>主机变频器通讯异常报错</h3><p><span>2017-3-22 15:5:33</span><em class="red">未处理</em></p></li><div class="abso triangle Nodeal"></div><div class="statusIcons abso"><i class="xwl i-Error pdr5"></i></div></a> -->
							</ul>
							<div class="swiper-scrollbar"></div>
						</div>
						<div class="linear_gradient_square abso"></div>
					</div>

					<div class="whatProblems rela">
						<p class="oellipsis"><span class="event_TypeName"></span> <span class="whatProblems_lineFGX">| 事件原因：</span><span class="events_Reason"></span> </p>
						<!-- <a class="dealErrorBtns abso" herf="javascript:;">处理</a> -->
						<button class="dealErrorBtns abso"  type="button">处理</button>
					</div>

				</div>

			
			




				<div class="eventsTypslistTab">
					
					<div class="alltimeWatch clearfix">
						<!-- <label data-switch="0" class="monitorAlltime fl"><input type="checkbox" class="ios-switch" /><div class="switch"></div></label><input class="fl" type="checkbox" /> -->
						<div class="switch_zd_Villas fl rela">
							<div class='toggle_zd' id='switch_zd'>
								<div class='toggle-text-off'>实时监控</div>
								<div class='glow-comp'></div>
								<div class='toggle-button'></div>
								<div class='toggle-text-on'>关闭监控</div>
							</div>							
						</div>

						<div class="fl"><a class="refreashedBtns"><i class="xwl i-refresh pdr5"></i>刷新</a>更新时间<span class="refreashedDate pdl5"></span></div>
					</div>
					<!--watching-->
					<div class="watchingBox clearfix">
						<!--左侧运行参数-->
						<div class="watchingBox_l fl">
								<div class="zhengji_workParamsbox" style="margin-bottom: 160px;">
									<h3><i class="xwl i-point pdr5"></i>整机</h3>
									<div class="details-indexs clearfix">
										<div class="detailsInds-l fl">
											<p><em>状态：</em><span class="zj_zhuangtai"></span></p>
											<p><em>信号强度：</em><span class="zj_xinhao"></span></p>
											<p><em>电源电压：</em><span class="zj_dianya"></span></p>
										</div>
										<div class="detailsInds-r fr">
											<p><em>负载率：</em><span class="zj_fuzailv"></span>%</p>
											<p><em>负载时长：</em><span class="zj_fuzaiTime"></span></p>
											<p><em>运行时长：</em><span class="zj_yunxingTime"></span></p>
										</div>
									</div>									
								</div>

								<div class="zhujiA_workParamsbox mgbt59" style="display: none;">
									<h3><i class="xwl i-print pdr5"></i>主机</h3>
									<div class="details-indexs clearfix">
										<div class="detailsInds-l fl">
											<div class="ringbox">
			                                    <div class="ringboxBg">
			                                        <div id="ringboxPieA" class="ringboxPieing"></div>
			                                        <p class="txtc">压力</p>
			                                    </div>
			                                </div>
										</div>
										<div class="detailsInds-r fr detailsInds-r_1">
											<!-- <p><em>输出频率：</em><span class="zhuji1_scpl"></span>Hz</p> -->
										</div>
									</div>									
								</div>

								<div class="zhujiB_workParamsbox mgbt59" style="display: none;">
									<h3><i class="xwl i-print pdr5"></i>主机</h3>
									<div class="details-indexs clearfix">
										<div class="detailsInds-l fl">
											<div class="ringbox">
			                                    <div class="ringboxBg">
			                                        <div id="ringboxPieB" class="ringboxPieing"></div>
			                                        <p class="txtc">压力</p>
			                                    </div>
			                                </div>
										</div>
										<div class="detailsInds-r fr detailsInds-r_2">
											<!-- <p><em>输出频率：</em><span class="zhuji2_scpl"></span>Hz</p> -->
										</div>
									</div>									
								</div>

								<div class="fengjiA_workParamsbox mgbt59" style="display: none;">
									<h3><i class="xwl i-syz pdr5"></i>风机</h3>
									<div class="details-indexs clearfix">
										<div class="detailsInds-l fl">
											<div class="ringbox">
			                                    <div class="ringboxBg">
			                                        <div id="ringboxPieC" class="ringboxPieing"></div>
			                                        <p class="txtc">温度</p>
			                                    </div>
			                                </div>
										</div>
										<div class="detailsInds-r fr detailsInds-r_3">
											<!-- <p><em>负载率：</em><span></span></p> -->
										</div>
									</div>									
								</div>

								<div class="fengjiB_workParamsbox mgbt59" style="display: none;">
									<h3><i class="xwl i-syz pdr5"></i>风机</h3>
									<div class="details-indexs clearfix">
										<div class="detailsInds-l fl">
											<div class="ringbox">
			                                    <div class="ringboxBg">
			                                        <div id="ringboxPieD" class="ringboxPieing"></div>
			                                        <p class="txtc">温度</p>
			                                    </div>
			                                </div>
										</div>
										<div class="detailsInds-r fr detailsInds-r_4">
											<!-- <p><em>负载率：</em><span></span></p> -->
										</div>
									</div>									
								</div>


						</div>

						<!--右侧图标参数-->
						<div class="watchingBox_r fr">
							<div id="mainChart10" class="mainCarting" style="display: none;"></div>
							<div id="mainChart1" class="mainCarting mgbt59" style="display: none;"></div>
							<div id="mainChart2" class="mainCarting mgbt59" style="display: none;"></div>
							<div id="mainChart3" class="mainCarting mgbt59" style="display: none;"></div>
							<div id="mainChart4" class="mainCarting mgbt59" style="display: none;"></div>
						</div>



						

					</div>
				</div>

			</div>



   		</div>
   	</div>






   	
<div class="dituLayerBox">
	<div class="clearfix layerboxTitle mgc" style="margin-bottom: 17px;"><span class="layerboxTitleName fl">地图</span><a class="closeLayerbox txtc fr"><i class="xwl i-closeBtn"></i></a></div>
	<div class="MapLayerMaincontent mgc" id="MapLayerbox"></div>
</div>

</body>
</html>


<script data-main="js/machineDetails" src="js/lib/resq.js?vs51"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>

